<template>
  <div class="err">
    <van-nav-bar title="页面丢失">
      <template #left>
        <van-icon name="arrow-left" color="#fff" @click="goBack">返回</van-icon>
      </template>
    </van-nav-bar>
    <van-empty class="custom-image" :image='err' description="页面丢失了~"/>  
  </div>
</template>

<script>
import image from '@/assets/image';
export default {
  data(){
    return{
      err:image.err,
    }
  },
  methods:{
    // 返回
    goBack() {
      this.$router.go(-1);
    },
  }
}
</script>

<style lang="scss" scoped>
.err{
  .van-nav-bar {
    background-color: $base-color;
    ::v-deep .van-nav-bar__title{
      font-weight: bold;
    }
    .van-icon{
      font-weight: bold;
    }
  }
  .van-empty{
    padding: 30% 0;
  }
  .custom-image{
    ::v-deep .van-empty__image {
      width: 240px;
      height: 240px;
    }
  }
}
</style>
